<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link rel="stylesheet" type="text/css" href="/static/home/css/swiper-4.2.2.min.css">
        <link rel="stylesheet" href="/static/home/css/main.css">
        <script src="/static/home/js/swiper-4.2.2.min.js" ></script>
        <link rel="stylesheet" type="text/css" href="/static/home/css/alert.css">
                {include file="public/static" /}
    </head>
    
    <body>
        {include file="public/header" /}
        <div class="banner">
            <div class="index-main-1 swiper-container lbt1">



                <div class="swiper-wrapper" style="width: 10000px">

                    {volist name="$data_banner_1" id="v"}
                    <div class="swiper-slide" style="float:left"><a class="pc-banner" href = "{$v.out_link}"> <img src="{$v.banner_img}" style="width: 100vw;min-width: 1200px;"/></a></div>
                    {/volist}

                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination xyd1" style="bottom: 30px;"></div>
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev lft1"></div>
                <div class="swiper-button-next rit1"></div>
                <div class="left-show">

                </div>
                <div class="right-show">

                </div>
            </div>

        </div>
        <div class="cdl">
            <img src="/static/home/img/beiging.jpg" alt="">
            <ul class="cdl-l">
                <li class="cdl-l-1">
                    <a href="/index.php/jdhome/index/id/45"><img src="/static/home/img/cdl-1.jpg" alt=""><div class="div1">预约</div></a>
                    <a href="{$data_brand_ps.url}"><img src="/static/home/img/cdl-2.jpg" alt=""><div class="div2">预约</div></a>
                </li>
                <li class="cdl-l-2">
                    <a href="index.php/Kepds/mrkp/id/36"><img src="/static/home/img/cdl-3.png" alt=""><div class="div3">预约</div></a>

                </li>
                <li class="cdl-l-3">
                    <a href="/index.php/star/about.html"><img src="/static/home/img/cdl-5.jpg" alt=""><div class="div3">预约</div></a>
                </li>
            </ul>
        </div>

            <div class="main-1">
        <img src="/static/home/img/index-banner-1.jpg" alt="">
        <a href="/index.php/star/index/style_id/29" style="left:20%">查看更多</a>
    </div>
    <div class="main-1">
        <img src="/static/home/img/index-banner-2.jpg" alt="">
        <a href="/index.php/star/index/style_id/28">查看更多</a>
    </div>
    <div class="main-1">
        <img src="/static/home/img/index-banner-3.jpg" alt="">
        <a href="/index.php/star/index/style_id/27">查看更多</a>
    </div>
    <div class="main-1">
        <img src="/static/home/img/index-banner-4.jpg" alt="">
        <a href="/index.php/star/index/style_id/281">查看更多</a>
    </div>
        <!-- <div class="main-2">
            <div class="main-2-1">
                <img src="/static/home/img/xql-1.jpg" alt="">
                <img class="img" src="/static/home/img/xql-2.jpg" alt="">
                <img class="img" src="/static/home/img/xql-1.jpg" alt="">
                <img class="img" src="/static/home/img/xql-2.jpg" alt="">
                <img class="img" src="/static/home/img/xql-1.jpg" alt="">
                <img class="img" src="/static/home/img/xql-3.jpg" alt="">
                <a href="#">
                    <div class="mb">
    
                    </div>
                </a>
                <div class="shuaxinlan1">
                    刷新查看下一组 <img src="/static/home/img/shuaxin.png" alt="">
                </div>
            </div>
            <img class="img" src="/static/home/img/xql-3.jpg" alt="">
            <div class="clearfloat"></div>
            <a href="#">查看更多</a>
        </div>
        <div class="main-3">
            <div class="main-3-1">
                <img src="/static/home/img/xql-2.jpg" alt="">
                <img class="img" src="/static/home/img/xql-2.jpg" alt="">
                <img class="img" src="/static/home/img/xql-1.jpg" alt="">
                <img class="img" src="/static/home/img/xql-2.jpg" alt="">
                <img class="img" src="/static/home/img/xql-1.jpg" alt="">
                <img class="img" src="/static/home/img/xql-3.jpg" alt="">
                <a href="#">
                    <div class="mb">
    
                    </div>
                </a>
                <div class="shuaxinlan2">
                    刷新查看下一组 <img src="/static/home/img/shuaxin.png" alt="">
                </div>
            </div>
            <img class="img" src="/static/home/img/xql-4.jpg" alt="">    
            <div class="clearfloat"></div>
            <a href="#">查看更多</a>
        </div>
        <div class="main-4">
            <img src="/static/home/img/lm-1.jpg" alt="">
            <img class="wz1" src="/static/home/img/wz1.png" alt="">
            <a href="#">查看更多</a>
        </div> -->
        <div class="main-5">
            <img src="/static/home/img/index-banner-5.jpg" alt="">

            <div class="biaodan">
                <div class="biaodan-1">
                    <a href="#" class="biaodan-1-1">优惠&报价</a>
                    <a href="#" class="biaodan-1-2">预约档期</a>
                    <div class="clearfloat"></div>
                </div>
                <div class="tj1">网络预约进店有礼</div>
            </div>
        </div>
        <div class="srk">
            <div class="srk-1">
                <div class="srk-1-1">
                    <img src="/static/home/img/bd.png" alt=""> <span style="color:#9C97A1">免费</span>获取报价/ SERVICE
                </div>
                <div class="srk-1-2 input"><input name="name" id="name" type="text" placeholder="姓名" align = "center"></div>
                <div class="srk-1-3 input"><input name="phone" id="phone" type="text" placeholder="手机号/微信" align = "center"></div>
                <div class="srk-1-4"   onclick ="subForm()">提交</div>
                <div class="clearfloat"></div>
            </div>
        </div>

        {include file="public/foot" /}
        <div class="zhanpin">
            <img class="gb" src="/static/home/img/guabi.png" alt="">
        </div>
        <script src="/static/home/js/jquery-1.11.3.js"></script>
        <script src="/static/home/js/alert.js"></script>
        <script src="/static/home/js/main.js"></script>
    </body>
    <script>

                function subForm() {
                    var name = $("#name").val();
                    var phone = $("#phone").val();
                    if (name == '') {
//                        alert('请填写姓名');
                        return false;
                    }
                    if (phone == '') {
//                        alert('请填联系方式');
                        return false;
                    }
                    $.post('/index.php/Kephome/add_bj', {name: name, phone: phone}, function (res) {
                        if (1 == res.code) {
//                            alert(res.msg);
                        } else {
//                            alert(res.msg);
                        }
                    }, 'json');
                    return false;
                }






                function fnClickAddfl(id) {

                    window.location.href = "/index.php/star/details?id=" + id;

                }

    </script>
</html>